html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
h2.date-header,.status-msg-wrap,.post-feeds,.feed-links,.blogger-clickTrap,.thread-count,.home-link,#totalposts, #related-post &gt; h4{display:none}
.postinfo,.post-body{transition:all .8s linear 0s;-moz-transition:all .8s linear 0s;-webkit-transition:all .8s linear 0s;-o-transition:all .8s linear 0s}
h2.post-title,h2.post-title a,h2.post-title a:visited,h2.post-title strong{transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s}
.tombol,.tombolkecil{text-transform:uppercase;transition:background-color 1s ease-out 0s;-webkit-transition:background-color 1s ease-out 0s;color:#fff!important;cursor:pointer;font:bold 11px Arial,Sans-Serif;padding:.20em .6em;text-shadow:0 -1px 0 rgba(0,0,0,0.3);white-space:nowrap;margin:0 .2em}
#linkteman li, #kepala-wrapper, #tubuh-dalam, .comment_reply {background:#333;}
.clear{clear:both}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a:link,a:visited{color:#3b5998;text-decoration:none}
a:hover{color:#ff463b;text-decoration:none}
b, em {color: #000;font-style: normal;font-weight: bold;}
em {Color:#C4DEF0!important;}
@font-face{font-family:&#39;Oswald&#39;;font-style:normal;font-weight:400;src:local(&#39;Oswald Regular&#39;),local(&#39;Oswald-Regular&#39;),url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format(&#39;woff&#39;)}
@font-face {font-family: &#39;Roboto&#39;;font-style: normal;font-weight: 400;src: local(&#39;Roboto Regular&#39;), local(&#39;Roboto-Regular&#39;), url(http://themes.googleusercontent.com/static/fonts/roboto/v9/2UX7WLTfW3W8TclTUvlFyQ.woff) format(&#39;woff&#39;);}
.breadcrumbs span, .post-thumbnail, #top-nav ul li a {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

body{background:#eee;font-family:Roboto;margin:0;padding:0;color:#888;font-size:12px}
#kepala-wrapper{margin:0;padding:0;height:80px;width:auto;position:relative;border-bottom:1px solid #222;}
#luar-wrapper{background:#383838;padding:0;width:1000px;margin:0;text-align:left;box-shadow:0 0 2px rgba(0, 0, 0, 0.4);}
#kotak-kiri{float:left;height:100%;overflow:hidden;width:260px;}
.sidebar-wrapper {margin:10px;border:1px solid #222;}
#tubuh-dalam{width:auto;padding:0;height:100%;word-wrap:break-word;margin:0 auto;overflow:hidden;border-left:1px solid #222}
.paling-bawah span{background:#1C1C1C;display:block;overflow:hidden;padding:5px;width:auto}
.paling-bawah {text-aling:left;background:#171717;border-bottom:1px solid #111;border-top:1px solid #111;display:block;font:12px oswald;padding:10px}
.paling-bawah h5 {text-decoration:none;text-align:right;float:right;}

#header{width:auto;float:left;margin:0;padding:0}
#header-inner{margin:12px 12px 0;height:auto}
.header h1{margin:0 auto;padding:0}
.header h1 a{color:#aaa}
.header .description{margin:0;position:absolute;bottom:5px;display:block;font-family: oswald}
#Header-Logo{cursor:cell;margin:0 auto;padding:1px 0 0;text-align:center;overflow:hidden;-webkit-transition:all 4s ease-in-out;-moz-transition:all 4s ease-in-out;-ms-transition:all 4s ease-in-out;-o-transition:all 4s ease-in-out;transition:all 4s ease-in-out}
.chara{opacity:0;display:block;margin:0 .5px 0;float:left;width:18px;height:36px;position:relative;text-shadow:none;color:transparent;transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s}
.char{display:block;margin:0 .8px 0;float:left;width:25px;height:36px;position:relative;text-shadow:none;color:transparent;transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-o-transition:all 1s linear 0s}
.char span{display:block;position:absolute;background-color:white;transition:all .8s linear 0s;-moz-transition:all .8s linear 0s;-webkit-transition:all .8s linear 0s;-o-transition:all .8s linear 0s}
.chara span{display:block;position:absolute;background-color:#eee}
.char br,.chara br{display:none}
.collapsed{overflow:hidden}
#Header-Logo:hover .chara{opacity:1;-webkit-animation:pantul .2s infinite alternate .5s;-moz-animation:pantul .2s infinite alternate .5s;-o-animation:pantul .2s infinite alternate .5s;animation:pantul .2s infinite alternate .5s}
#Header-Logo:hover .char{-webkit-animation:pantul .2s infinite alternate .5s;-moz-animation:pantul .2s infinite alternate .5s;-o-animation:pantul .2s infinite alternate .5s;animation:pantul .2s infinite alternate .5s;-webkit-transform:rotate(-180deg) translateX(0);-moz-transform:rotate(-180deg) translateX(0);-ms-transform:rotate(-180deg) translateX(0);-o-transform:rotate(-180deg) translateX(0);transform:rotate(-180deg) translateX(0)}
#Header-Logo:hover .char span{background-color:#5498c9}
#Header-Logo:hover .char-w .part-2{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
#Header-Logo:hover .bevel-bottom-middle:after{border-color:transparent transparent transparent}
.clear{clear:both}
.char-w span{top:0;bottom:0;width:7px}
.char-w .part-1{left:0}
.char-w .part-2{left:9px}
.char-w .part-3{right:0}
.char-w .part-4{right:0;bottom:0;top:auto;left:0;height:7px;width:auto}
.char-m span{top:0;bottom:0;width:7px}
.char-m .part-1{left:0}
.char-m .part-2{left:9px}
.char-m .part-3{right:0}
.char-m .part-4{right:0;bottom:auto;left:0;height:7px;width:auto}
.bevel:before,.bevel:after{content:&quot;&quot;;display:block;width:0;height:0;border:3px solid transparent;position:absolute;z-index:5}
.bevel-top-middle:before,.bevel-bottom-middle:after{top:0;left:50%;margin-left:-3px;border-top-color:#333}
.bevel-bottom-middle:after{top:auto;bottom:0;border-color:transparent transparent #222 transparent}
.char-o span{right:0;left:0;height:6px}
.char-o .part-1{top:0}
.char-o .part-2{bottom:0}
.char-o .part-3,.char-o .part-4{top:0;right:auto;bottom:0;left:0;width:6px;height:auto}
.char-o .part-4{right:0;left:auto}
.char-n span{right:0;left:0;height:7px}
.char-n .part-1{top:10px;transform:rotate(40deg);-ms-transform:rotate(40deg);-moz-transform:rotate(40deg);-webkit-transform:rotate(40deg);-o-transform:rotate(40deg)}
.char-n .part-2,.char-n .part-3{top:0;right:auto;bottom:0;left:0;width:6px;height:auto}
.char-n .part-3{left:auto;right:0}
.char-e span{right:0;left:0;height:7px}
.char-e .part-1{top:0}
.char-e .part-2{top:14px}
.char-e .part-3{bottom:0}
.char-e .part-4{top:0;right:auto;bottom:0;width:7px;height:auto}
.char-o,.char-n,.char-e{left:-40px}
#Header-Logo:hover .char-o,#Header-Logo:hover .char-n,#Header-Logo:hover .char-e{left:0!important;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

.widgetshare{font:bold 12px/20px Tahoma!important;background:#E5F2FC;;padding:3px 8px;color:#111!important;text-shadow:none;text-align:left;}
.tsc_social_metro1 {display: inline-block;height: 30px;padding: 0;text-decoration: none;text-indent: -999em;vertical-align: middle;width: 30px;}

.post{margin:0;padding:0}
h2.post-title{background:#28779B;text-transform:uppercase;display:block;font:normal 18px oswald;color:#FFF;margin:0;padding:16px;text-align:center;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.06) inset;}
h2.post-title a,h2.post-title a:visited,h2.post-title strong{color:#999;text-decoration:none;font-weight:normal}
.post-body{text-shadow:0 1px white;color:#000;background:#fcfcfc;font-size:13px;margin:0;padding:0;text-align:left}
.selamat-datang{border-bottom:1px solid #222;padding:22px 0;text-align:center;font-weight:lighter;position:relative;box-shadow: 0 1px #444;}
.post-body ol,.post-body ul{margin:5px 1em;padding-left:2em;display:block!important}
.post-body li{display:list-item!important}
#postingan{border:none;margin:0;padding:0}
copas{padding:0 8px;color:#F56666;margin:0;position:relative}
.postinfo{background:#4B81AA;font-size:12px;color:#eee;text-shadow:none;padding:8px;text-align:left;margin:0;border-top:1px solid #5B758A;}
.awal{float:left;color:#eee;line-height:68px;padding-right:5px;font-family:times;font-size:80px}
.separator{clear:both;margin:1% 0;padding:0;text-align:center;background:#f9f9f9;border:1px solid #ccc;padding:30px}
.separator img{padding:0;max-width:99%;height:auto}
.breadcrumbs{padding:8px 0;position:relative;background:#42A2CE}
.breadcrumbs span{background:#466F8E;margin:0 4px;padding:4px 6px;color:#C4DEF0;font-size:12px;}
.breadcrumbs a{color:#C4DEF0}
.author,.clock{padding:2px 5px 0 6px}
.tombolkecil,.tombol{background-color:#248ab0;background-image:-moz-linear-gradient(center top,transparent,rgba(0,0,0,0.26));box-shadow:0 0 1px rgba(0,0,0,0.4);-moz-box-shadow:0 0 1px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 1px rgba(0,0,0,0.4);padding:6px 9px 6px 20px;position:relative}
.tombolkecil:before, .tombol:before {content: &quot;\f06e&quot;;display: block;font-family: fontawesome;height: 0;left: 4px;position: absolute;top: 6px;width: 0;}
#blog-pager{margin:0!important;padding:12px;text-align:right;position:relative;background:#393939;border-top:1px solid #242424;}
#blog-pager-older-link a,#blog-pager-newer-link a{position:relative;font:12px Oswald;color:#fff;margin:0 -2px;padding:4px 8px;border: 1px solid #222;background:#383838;box-shadow: 0 0 1px #444 inset;}
.tombol:hover,.tombolkecil:hover{background-color:#222;color:white!important;text-decoration:none}

#top-nav{background:#393939;height:auto;width:auto;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #161616;position:relative;line-height:50px;}
#top-nav ul li{float:left;margin:0 0 0 0;list-style:none!important}
#top-nav ul li a{line-height:34px;padding:0 15px;color:#999;font-size:13px;font-family:oswald;display:block;;border:1px solid #222;text-transform: uppercase;margin:8px 3px;background:#303030;}
#top-nav ul li a:hover{color:#fff}
#top-nav span {background: #333;border-right: 1px solid #222;float: left;font: 16px oswald;margin-right: 5px;padding: 14px;color:white;}

.post-thumbnail {border: 1px solid #222;float: left;height: 64px;margin: 8px;padding: 6px;width: 64px;}
#related-post background:none;width:100%;margin-top:35px;margin-bottom:10px;padding:5px 0 10px 0px}
#related-post h4{font-size:150%;text-transform:uppercase;margin:0 0 15px;padding:0;font-weight:normal}
#related-post li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;color:#2c3e50;text-indent:0;line-height:1.6em;margin-left:10px;padding:0 0 3px 19px}
#related-post .widget{margin:0;padding:0}
#related-post ul{list-style:none;margin:0;padding:10px 0;background:#5498C9;}
#related-post li a {color: #2C3E50 !important;text-shadow: none;}
.comment_body pre .comment{color:#80FF80}
.comment_body pre .cs{color:#8F0000}
pre code, .post-body blockquote {max-height:250px;text-shadow:none;overflow:auto;display:block;padding:1em !important;margin:1em 0;font-family:Roboto;font-size: 12px;background:#2F3741;border-left:4px solid #292E34;line-height:20px;}
pre .class{color:#86AADE}
pre .title{color:#A7AA9B !important}
pre .attribute{color:#A59355}
pre .css{border-left:4px solid #5fbbba}
pre .html{border-left:4px solid #4fc1eb}
pre .javascript{border-left:4px solid #ff6c60}
pre .Jquery{border-left:4px solid #99c262}
pre .xml{border-left:4px solid #BCB9A7}
pre code,pre .subst,pre .tag .title,pre .lisp .title,pre .clojure .built_in,pre .nginx .title{color:#BFBF90}
pre .string,pre .title,pre .constant,pre .parent,pre .tag .value,pre .rules .value,pre .rules .value .number,pre .preprocessor,pre .haml .symbol,pre .ruby .symbol,pre .ruby .symbol .string,pre .aggregate,pre .template_tag,pre .django .variable,pre .smalltalk .class,pre .addition,pre .flow,pre .stream,pre .bash .variable,pre .apache .tag,pre .apache .cbracket,pre .tex .command,pre .tex .special,pre .erlang_repl .function_or_atom,pre .asciidoc .header,pre .markdown .header,pre .coffeescript .attribute{color:#BFBF90}
pre .comment,pre .annotation,pre .template_comment,pre .diff .header,pre .chunk,pre .asciidoc .blockquote,pre .markdown .blockquote{color:#999}
pre .number,pre .date,pre .regexp,pre .literal,pre .hexcolor,pre .smalltalk .symbol,pre .smalltalk .char,pre .go .constant,pre .change,pre .lasso .variable,pre .asciidoc .bullet,pre .markdown .bullet,pre .asciidoc .link_url,pre .markdown .link_url{color:#080}
pre .label,pre .javadoc,pre .ruby .string,pre .decorator,pre .filter .argument,pre .localvars,pre .array,pre .attr_selector,pre .important,pre .pseudo,pre .pi,pre .haml .bullet,pre .doctype,pre .deletion,pre .envvar,pre .shebang,pre .apache .sqbracket,pre .nginx .built_in,pre .tex .formula,pre .erlang_repl .reserved,pre .prompt,pre .asciidoc .link_label,pre .markdown .link_label,pre .vhdl .attribute,pre .clojure .attribute,pre .asciidoc .attribute,pre .lasso .attribute,pre .coffeescript .property{color:mistyrose!important}
pre .keyword,pre .id,pre .title,pre .built_in,pre .aggregate,pre .css .tag,pre .javadoctag,pre .phpdoc,pre .yardoctag,pre .smalltalk .class,pre .winutils,pre .bash .variable,pre .apache .tag,pre .go .typename,pre .tex .command,pre .asciidoc .strong,pre .markdown .strong,pre .request,pre .status,pre .at_rule{font-weight:normal;color:#86AADE}
pre .asciidoc .emphasis,pre .markdown .emphasis{font-style:italic}
pre .nginx .built_in{font-weight:normal}
pre .coffeescript .javascript,pre .javascript .xml,pre .lasso .markup,pre .tex .formula,pre .xml .javascript,pre .xml .vbscript,pre .xml .css,pre .xml .cdata{opacity:0.5}
.comment-link{margin-left:.1em}
.comment_form{color:white!important;font:12px oswald;padding:10px}
.comment_inner{background:#35404D;margin:6px;padding:8px 10px;position:relative;}
#comments{background:#2A3542;position:relative;clear:both;margin:0;padding:10px!important;line-height:1em}
#comments h4{text-transform:uppercase;font-family:oswald;font-size:18px;font-weight:normal;line-height:18px;color:#fff;padding:15px;background:#365A76;text-align:center;border-bottom: 1px solid #041E33;border-top: 1px solid #405A6F;margin:-10px -10px 14px;}
.comment_form h3{padding-top:30px;margin-bottom:30px!important}
.comment-form p{background:#365A76;border: 1px solid #041E33;color: #AAA;font-family: roboto;font-size: 12px;padding: 20px;}
.comment-body-author{background:#FFF;color:#008000;border:1px dotted #008000;margin:0;padding:0 0 0 10px}
.comment_share{color:#999;cursor:pointer;font-family:verdana;font-size:10px;line-height:1.5em;max-width:100%;font-weight:normal;padding-left:5px}
#comment_rep a:hover{text-decoration:none;color:#464646!important}
.comment_avatar{margin-top:5px;height:44px;width:44px;background:#F0F0F0 url(http://2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center center;float:left;margin-right:10px;overflow:hidden;}
.comment_name{padding:6px 0 0!important;color:#444;font-family:Oswald;font-size:12px;font-weight:normal;line-height:19.5px;max-width:100%;text-decoration:none;margin:-1px 0 0;text-transform:uppercase}
.comment-menu{float:right;list-style:none;width:0;height:0}
.comment_name a{text-shadow:0 1px 0 black;font-weight:normal;font-family:Oswald;text-transform:uppercase;font-size:14px;color:#fff;text-decoration:none}
.comment_name a:hover{color:#0088b2}
.comment_body p{font-size:13px;color:#999;line-height:22px}
.comment_body{background:#25303C;border:1px solid #171F28;margin:4px 0 !important;padding:10px;position:relative}
.comment_date{color:#999;font-size:12px;font-family:Oswald;line-height:20px;cursor:pointer;font-weight:normal}
#comments .separate{color:#ccc;font-family:Oswald;font-size:15px;line-height:40px;padding-left:5px;padding-right:5px;line-height:10px}
#comments .author-mark{background:#d2d2d2;color:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:2px 6px 2px 6px;font-family:Oswald;font-size:15px;line-height:15.1px}
.comment-share{display:inline}
.comment-share li{display:inline}
.comment-share li.button a{background:#555;color:white;padding:0 5px 2px 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none}
.comment-share li.button:hover a{background:#000}
#comment_rep{margin-top:-27px;float:right}
.comment_child .comment_body{margin-bottom:0}
.comment_child .comment_wrap{margin-left:20px}
.comment_reply{z-index:9;border:1px solid #262626;cursor:pointer;font-size:12px;line-height:1.5em;max-width:100%;font-weight:400;padding:0 12px;color:#fff!important;float:right;position:absolute;right:8px;top:10px;box-shadow:0 0 1px #444 inset;}
.comment_reply a{text-decoration:none;float:right;position:absolute}
.comment_admin .avatar-image-container{}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%!important;margin:0;}
#comment-editor{width:101%!important;border:none!important}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;padding-top:10px;padding-bottom:10px}
#respond{overflow:hidden;padding-left:10px;clear:both}
.comment_avatar *{max-width:1000%!important;display:block;max-height:1000%!important;width:40px!important;height:40px!important;margin-right:10px;border:2px solid #222}
.comment_author_flag{display:none}
.comment-delete img{float:right;margin-left:10px;position:absolute;margin-top:3px}
.item-control{display:inline}
#comment-editor{width:100%!important}
.comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;margin:10px 10px 0 0}
.comment_emo_list img{width:20px}
.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
.comment_admin .comment_body p{color:#fff!important}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important;border:1px solid #333;width:auto}
.deleted-comment{color:#FD8050;font:13px oswald}
.deleted-comment:before{content:&quot;Upss...!! &quot;}
.deleted-comment:after{content:&quot;,Karena salah dalam berkomentar....&quot;}

#linkteman{width:auto}
#linkteman,#linkteman ul{display:block;overflow:hidden;margin:0;padding:0;text-align:center}
#linkteman li{border-bottom:1px solid #222;border-top:1px solid #3A3A3A;display:block!important;margin:0;padding:6px 0;position:relative;width:auto}
#linkteman li:hover ul{display:block}
#linkteman a span,#linkteman a.trigger span{margin-right:10px;font-family: oswald;font-size:12px;color:#aaa;line-height:16px;}
#linkteman li:hover {background:#393939;}

@-webkit-keyframes pantul{from{margin:0 0.8px;height:36px}to{margin:-4px 0.8px;height:44px}}
@-moz-keyframes pantul{from{margin:0 0.8px;height:36px}to{margin:-4px 0.8px;height:44px}}
@-o-keyframes pantul{from{margin:0 0.8px;height:36px}to{margin:-4px 0.8px;height:44px}}
@keyframes pantul{from{margin:0 0.8px;height:36px}to{margin:-4px 0.8px;height:44px}}
#offline-mode{background:#69A24A url(http://2.bp.blogspot.com/-R5Ku6QE3eJA/UcB0jk-CZwI/AAAAAAAAEeg/WYWE1iVssOo/s1600/offline-mode.png)no-repeat 3% 50%;padding:20px 20px 20px 175px;border:1px solid #222;margin:0 -1px!important}
#offline-mode h2{font-size:220%;text-transform:uppercase;color:#fff;text-shadow:-1px -1px  3px rgba(0,0,0,0.3)}
#offline-mode p{font-size:12px;color:#000;line-height:1.8em}
